//从vue-router导入两个函数
import {createRouter,createWebHistory} from "vue-router";

//定义router变量
const router = createRouter({
    //路由历史
    history:createWebHistory(),
    //配置路由：是一个数组，可以配置多个路由
    routes:[
        {
            //路由路径
            path:'/',
            //路由路径所对应的页面，访问路由路径跳到的页面
            component:() => import('../view/LoginView.vue'),
        },
        {
            //路由路径
            path:'/dashboard',
            //路由路径所对应的页面，访问路由路径跳到的页面
            component:() => import('../view/DashboardView.vue'),

            //子路由，路径不能以 / 开头
            children:[
                {
                    //路由路径
                    path:'user',
                    //路由路径所对应的页面，访问路由路径跳到的页面
                    component:() => import('../view/UserView.vue'),
                },
                {
                    //路由路径，:id表示动态路由，id是动态的
                    path:'user/:id',
                    //路由路径所对应的页面，访问路由路径跳到的页面
                    component:() => import('../view/UserDetailView.vue'),
                },
            ]
        }
    ]
})
//导出创建的路由对象，default表示范围
export default router;
